@charset "utf-8";
.logo{float: left; display: block;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;padding-left: 1vw;}
.logo img{height: 4.5vw;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.header{margin: 1.5vw auto;border-radius: 5px; max-width: 90%;box-sizing: border-box; z-index: 4;padding: 1.2vw;width: 1450px;box-shadow: 0.2vw 0.2vw 0.2vw rgba(0,0,0,0.03);}
.nav_xl_a {position:relative;cursor:pointer;z-index:999;width: 56px; height: 56px;float: right;border-top-left-radius: 5px;border-bottom-right-radius: 5px;
    background: linear-gradient( #61d4e5 , #2170ea);}
.nav_xl_a span {position:absolute; opacity:1; left:25%; top:50%; margin-left:0; width:50%; height:4px; background:#fff;}
.nav_xl_a:before, .nav_xl_a:after {position:absolute; content:''; left:25%; top:50%; margin-left: 0; width:50%; height:4px; background:#fff; 
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.nav_xl_a:before {-webkit-transform:translate3d(0,-0.5vw,0); transform:translate3d(0,-0.5vw,0);}
.nav_xl_a:after {-webkit-transform:translate3d(0,0.5vw,0); transform:translate3d(0,0.5vw,0);}
.a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.a1 span{display: none;}
.header .t .fr{text-align: right;max-width: 40%;}
.header .t .fr .lang a{color: #0052da;font-size: 16px;}
.header .t .fr h3{font-weight: bold;font-size: 1.4vw;color: #0e565b;display: block;margin-top: 1.6vw;}
.header .b{margin-top: 1.5vw; background: #004fd3;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.s-btn{width: 56px;height: 56px;display: block; background: url(../images/search.png) center no-repeat,linear-gradient( #61d4e5 , #2170ea);
    border-top-left-radius: 5px;border-bottom-right-radius: 5px;}
.searech_box{display: none;width: 100%;float: left;}
.searech_box input{text-indent: 1.5vw;min-width: calc(100% - 200px); line-height: 56px;height: 56px;min-height: 1.5em; border: none;box-shadow: none; background-color: transparent;border:none;font-size: 18px;color: #6199e9;}
.searech_box .c{width: 56px;height: 56px;min-height: 1.5em; display: block;box-shadow: none;outline: none;border: none; background: url(../images/icon-test.png) center no-repeat;float: right;}
.searech_box  ::-webkit-input-placeholder { color: #6199e9;}

.searech_box  ::-moz-placeholder { color: #6199e9;}
.searech_box  :-ms-input-placeholder { color: #6199e9;}  
.header .t .fr .s-btn{display: none;}

.MenuList_f1{ z-index: 2;line-height: 1.0;box-sizing: border-box;padding-left: 1vw;}
.MenuList_f1 .menu{text-align: left;}
.MenuList_f1 .menu li h3{font-weight: normal;}
.MenuList_f1 .menu li{display: inline-block;position: relative;}
.MenuList_f1 .menu li a{display: block;font-size: 16px;white-space: nowrap;}
.MenuList_f1 .menu li a span{padding: 0 20px; line-height: 56px;height: 56px; text-transform: capitalize;color: #fff;display: block;position: relative;}
.MenuList_f1 .menu .child{display: none;position: absolute;left: 0;top: 56px;width: auto;text-align: center;z-index: 2;
    left: 50%; transform:  translate(-50%, 0);-webkit-transform:  translate(-50%, 0);
    background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.MenuList_f1 .menu .child li{display: inline-block; float: none;margin: 0;width: 100%;}
.MenuList_f1 .menu .child>li a span{height: auto;line-height: 1.5; background-color: transparent;border-bottom: 0;padding:  0.7vw 2vw;color: #666;}
.MenuList_f1 .menu .child>li:last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;}

.footer{padding: 4vw 0 1vw 0; background: url(../images/fbg.jpg) left bottom no-repeat;background-size: 100% auto; box-sizing:border-box;position: relative;}
.footer .t{margin-bottom: 2vw;}
.footer .fl{padding-top: 1vw; width: 27%;color: #fff;font-size: 16px;margin-left: 1.5vw;}
.footer .fl img{display: block;width: 100%;}
.footer .copy {margin-top: 1vw; border-top: 1px solid #409cbe;padding: 10px 0;text-align: center;}
.footer .copy ,.footer .copy a{color: #6e6e6e;font-size: 14px;}
.footer .mid{padding-top: 1vw; width: 420px;margin-left: 3.2vw;float: left;}
.footer .mid a{padding-top: 0.7vw; color: #105ad9;display: inline-block;}
.footer .mid a span{display: block;font-weight: bold;font-size: 20px;}
.footer .mid a:last-child{float: right;}
.footer .ewm{width: 120px;margin-left: 1.5vw;}
.footer .ewm img{display: block;width: 100%;display: block;}
.footer .ewm p{color: 14px;color: #6e6e6e;text-align: center;line-height: 1.8;}
.link_list{padding: 0 1.5vw;}
.link_list li{float: left;display: inline-block;margin-right: 1em;}
.link_list a,.link_list p{font-size: 14px;color: #6e6e6e;}
.mob-nav{display: none;}

@media screen and (min-width: 1025px){
    .MenuList_f1 .menu li a:hover span{background-color: #6199e9;}
    .MenuList_f1 .on .drop span{background-color: #6199e9;}
    .MenuList_f1 .menu li .child a:hover span{background-color: #fff;color: #0051d7;}
    .footer a:hover span{color: #0051d7;}

}
@media screen and (max-width: 1925px){
    .MenuList_f1 .menu li a span{padding: 0 1vw;}
}
@media screen and (max-width: 1440px){
    .MenuList_f1 .menu li a span{padding: 0 0.8vw;}
}
@media screen and (max-width: 1340px){
    .MenuList_f1 .menu li a span{padding: 0 0.7vw;}
}
@media screen and (max-width: 1250px) {
    .MenuList_f1 .menu li a span{height: 3.8vw;line-height: 3.8vw;padding: 0 0.4vw;}
    .s-btn{height: 3.8vw;width: 3.8vw;background-size: 50% auto;}
    .footer .ewm{width: 7vw;}
}

@media screen and (max-width: 1150px) {
    .MenuList_f1 .menu li a{font-size: 16px;}
    .link_list,.footer .mide{display: none;}
    .footer .ewm{width: 11vw;}
    .footer .fl{width: 35%;padding-top: 4vw;}
    .header{max-width: 94%;padding: 1.2vw;}
    
    .header .t{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
    .header .t .fr{border-radius: 6px;overflow: hidden;background: #3d81f1;width: 100px;font-size: 0;}
    .header .t .fr h3,.header .t .fr .lang{display: none;}
    .header .t .fr .nav_xl_a{display: inline-block;width: 50px;height: 50px;}
    .header .t .fr .s-btn{display: inline-block;width: 50px;height: 50px;}
    .logo img{height: 50px;}
    .nav_xl_a{border-top-left-radius: 0;}
    .nav_xl_a:before{transform: translate3d(0,8px,0);-webkit-transform: translate3d(0,8px,0);}
    .nav_xl_a:after{transform: translate3d(0,-8px,0);-webkit-transform: translate3d(0,-8px,0);}
    .a1:before {-webkit-transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);}
    .a1:after {-webkit-transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);}
    
    .MenuList_f1{display: none; box-sizing: border-box;padding-top: 0;padding-left: 0; position: absolute;top: 90px;right: 3%; width: 94%;z-index: 4;}
    .MenuList_f1 .menu li a span{color: #fff;}
    .active .MenuList_f1{width: 94%;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
    .MenuList_f1 .menu{width: 100%;background: #0051d7;}
    .c-act .MenuList_f1 .menu{width: 60%;}
    .MenuList_f1 .menu::after{content: ""; display: block;clear: both;}
    .MenuList_f1 .menu li{position: static;}
    .MenuList_f1 .stmenu{position: static; width: 25%;float: left; font-size: 16px;text-align: center; box-sizing: border-box;padding: 15px 0;line-height: 1.5;}
    .MenuList_f1 .stmenu a{display: block;}
    .MenuList_f1 .menu .child{width: 40%;top: 0;right: 0; box-sizing: border-box;padding-top: 0;left: -60%; transform:none;-webkit-transform:none;width: 50%;position: fixed;top: 13vw;background: #fff;
       transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;display: block;opacity: 0;border-radius: 0;min-height: 100%;}
    .MenuList_f1 .menu .child li{float: left;min-width: 50%;width: auto;}
    .MenuList_f1 .menu .child li a{font-size: 16px;padding: 10px 0;display: block;text-align: center;}
    .MenuList_f1 .menu .child li a span{display: block;}
    .MenuList_f1 .menu .actc .child{right: 0; left: auto;top: 0;opacity: 1;width: 40%;position: absolute;}
    .unsearfch {display: none;}

    .footer .mid{display: none;}
    .header .b{margin-top: 0;}
    .pc.nav_xl_a{display: none;}
    .unsearfch .fr{display: none;}
}
@media screen and (max-width: 640px) {
    .MenuList_f1 .menu li a{white-space:inherit;}

    .unsearfch{display: block;}
    .active .unsearfch .mob-nav{display: none !important;}
    .index{padding-top: 0;}
    .pt10{padding-top: 19vw;}
    .pt10 .header{position: fixed;top: 0;left: 0;width: 100%;max-width: 100%;}
    .logo img{height: 9.4vw;left: 3.2%;top: 4.7vw;position: absolute;}
    .header{height: auto; padding: 0; margin: 0;max-width: 92%; width: 92%;margin: 0 auto;z-index: 10;box-shadow: none;
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .header.active{width: 100%;max-width: 100%; background: #fff;top: 0;left: 0;}
    .header.active .t{border-radius: 0;}
    .header .t{height: 18.8vw;position: relative;margin: 0;background: #fff;}
    .header .t .fr{position: absolute; top: 4.5vw;border-radius: 1.3vw;right: 3.2vw;overflow: hidden;width: auto;}
    .header .t .fr .s-btn{display: block;}
    .s-btn{background: url(../images/search.png) #3d81f1 center no-repeat;background-size: 38% auto; width: 10.4vw;height: 9.4vw;float: left;border-radius: 0;}
    .searech_box .s-btn{background-image: url(../images/icon-test.png);}
    .header .b{background: #0051d7;margin-top: 0;}
    .header .b .fr{display: none;}
    .index .mob-nav{display: block;}
    .header .t .fr .nav_xl_a,.header .t .fr .s-btn{width: 10.4vw;height: 9.4vw;} 
    .header ul.mob-nav li{display: block;float: left;width: 33.3%;text-align: center;}
    .header ul.mob-nav li:first-child{display: none;}
    .header ul.mob-nav li a{font-size: 3.8vw;color: #fff;display: block;padding: 2vw 0;}
    .index .active .mob-nav{display: none;}
    .MenuList_f1{padding-top: 3vw;top: 18.8vw;height: calc(100vh - 18.8vw);position: fixed;border-radius: 0;}
    .MenuList_f1 .menu li{width: 100%;}
    .MenuList_f1 .menu li a span{color: #fff;}
    .MenuList_f1 .menu li a{background: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
    .MenuList_f1 .menu li.on{background: #6199e9;}
    .active .MenuList_f1{width: 50%;right: 0;background: #0051d7;}
    .c-act .MenuList_f1 .menu,.MenuList_f1 .menu{width: 100%;border-radius: 0;}
    .MenuList_f1 .stmenu{font-size: 3.8vw;padding: 2.77vw 3.5vw 2.77vw 3.8vw;line-height: 1.5;}
    .MenuList_f1 .stmenu a{display: block;}
    .MenuList_f1 .menu .child{padding-top: 6vw;    height: calc(100vh - 18.8vw);}
    .MenuList_f1 .menu .child li{float: none;width: 100%;}
    .MenuList_f1 .menu .child li a{font-size: 3.8vw;padding: 2.5vw 0;display: block;text-align: center;}
    .MenuList_f1 .menu .child li a span{display: block;}
    .MenuList_f1 .menu .actc .child{right: auto; left: 0;top: 18.8vw;opacity: 1;width: 50%;position: fixed;}

    .searech_box{padding: 3.8vw;height: auto;box-sizing: border-box;}
    .searech_box input{line-height: 1.5em;height: 1.5em;font-size: 4.2vw;}
    .searech_box .c{height: 1.5em;width: 8.5vw;background-size: 45% auto;font-size: 4.2vw;}

    .nav_xl_a{width: 10.4vw;height: 9.4vw;background: #004fd2;margin-top: 0;border-radius: 0;}
    .nav_xl_a:before, .nav_xl_a:after,.nav_xl_a span{width: 50%;left: 25%;height: 0.7vw;}
    .nav_xl_a:before{-webkit-transform: translate3d(0,-1.8vw,0);transform: translate3d(0,-1.6vw,0);}
    .nav_xl_a:after{-webkit-transform: translate3d(0,1.8vw,0);transform: translate3d(0,1.6vw,0);}
    .a1:before {-webkit-transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);}
    .a1:after {-webkit-transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);}

    .footer{line-height: 1.8;font-size: 3.4vw;padding: 0;background-size: auto 100%;margin-top: 12.5vw;}
    .footer .copy, .footer .copy a{font-size: 3.4vw;color: #a2a3a4;}
    .footer .ewm,.footer .mid{display: none;}
    .footer .fl{width: auto;padding: 0;margin: 0;}
    .footer .fl img{height: 10vw;max-width: 100%;width: auto;}
    .footer .b{margin-top: 4vw;}
}